import React from 'react';
// 登录页组件
// 引入外部css
import '@/assets/css/login.css'

// 引入组件库中的组件
import { Card, Tabs } from 'antd'

// 引入密码登录、短信登录插件
import Mima from './Mima'
import Sms from './Sms'

const Index = () => {
  // 密码、短信组件切换事件
  let onChange = (key) => {
    // console.log(key);
  }
  return (
    <div className='login'>
      <Card bordered={false} style={{ width: 360 }}>
        <Tabs
          defaultActiveKey="1"
          onChange={onChange}
          centered
          tabBarGutter={100}
          size='large'
          items={[
            {
              label: `密码登录`,
              key: '1',
              children: <Mima></Mima>,
            },
            {
              label: `短信登录`,
              key: '2',
              children: <Sms></Sms>,
            }
          ]}
        />
      </Card>
    </div>
  );
}

export default Index;
